<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  },
  methods: {
    forbiddenCheck() {
      document.onkeydown = (e) => {
        if (e.key === "F12") {
          // F12
          e.preventDefault();
        } else if (e.ctrlKey && e.shiftKey && e.key === 'I') {
          // Ctrl+Shift+I
          e.preventDefault();
        } else if (e.ctrlKey && e.shiftKey && e.key === 'C') {
          // Ctrl+Shift+C
          e.preventDefault();
        } else if (e.ctrlKey && e.key === 'J') { // Ctrl+J
          e.preventDefault();
        }
      }
      // document.oncontextmenu = (e) => {
      //   console.log(e)
      //   e.preventDefault();
      //   return false;
      // };
    }
  },
  mounted() {
    // 正式环境禁用控制台快捷键
    if (process.env.NODE_ENV === 'prod') {
      this.forbiddenCheck()
    }
  }
}
</script>
